<template>
  <div>

   <!-- <div style="height: 60px;">
    <i class="el-icon-s-home" style="font-size: 35px; margin: 8px;" ></i>
      <span style="font-size: 23px;">仓库管理系统</span>
   </div> -->

      <el-menu 
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
      style="height: 100dvh;"
      default-active="/Home"
      :collapse="isCollapse"
      :collapse-transition="false"
      :router="true"
      router
     
      >

      <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-s-home"></i>
          <span>首页</span>
        </template>
          <el-menu-item index="/Home">仓库统计看板</el-menu-item>
          <el-menu-item index="/Jingyin">仓库经营看板</el-menu-item>
          <el-menu-item index="Vendor">供应商信息</el-menu-item> 
      </el-submenu>


      <!-- <el-menu-item index="2">
        <i class="el-icon-menu"></i>
        <span slot="title">导航二</span>
      </el-menu-item> -->



      <!-- <el-submenu index="/Home">
        <template slot="title">
          <i class="el-icon-s-home"></i>
          <span slot="title">首页</span>
        </template>
         <el-menu-item-group>

          <el-menu-item index="1-1">仓库统计看板</el-menu-item>
          <el-menu-item index="1-2">仓库经营看板</el-menu-item>
          <el-menu-itme index="1-3">供应商信息</el-menu-itme>
         </el-menu-item-group>
      </el-submenu> -->

      
        <!-- <el-menu-item index="/Home">
          <i class="el-icon-s-home"></i>
          <span slot="title">首页</span>
        </el-menu-item> -->

        <!-- <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-s-home"></i>
          <span>资料</span>
        </template>
          <el-menu-item index="/ZhiYuan">职员资料</el-menu-item>
          <el-menu-item index="/Sector">部门资料</el-menu-item>
        </el-submenu> -->


        <!-- <el-sub-menu index="/Formation">
          <el-menu-item >
          <i class="el-icon-s-home"></i>
          <span slot="title">资料</span>
        </el-menu-item>
        </el-sub-menu> -->
      
        <el-menu-item index="/User">
          <i class="el-icon-s-home"></i>
          <span slot="title">用户管理</span>
        </el-menu-item>

        <el-menu-item index="/Role">
          <i class="el-icon-s-home"></i>
          <span slot="title">角色管理</span>
        </el-menu-item>

        <el-menu-item index="/WareHouse">
          <i class="el-icon-s-home"></i>
          <span slot="title">仓库管理</span>
        </el-menu-item>

        <!-- <el-menu-item index="/RoleWareHouse">
          <i class="el-icon-s-home"></i>
          <span slot="title">角色仓库关系管理</span>
        </el-menu-item> -->

        <el-menu-item index="/ShangPin">
          <i class="el-icon-s-home"></i>
          <span slot="title">商品管理</span>
        </el-menu-item>

        <el-menu-item index="/OutWare">
          <i class="el-icon-s-home"></i>
          <span slot="title">出库操作</span>
        </el-menu-item>

        <el-menu-item index="/InWare">
          <i class="el-icon-s-home"></i>
          <span slot="title">入库操作</span>
        </el-menu-item>

        <!-- <el-menu-item index="/RequestDeal">
          <i class="el-icon-s-home"></i>
          <span slot="title">请求处理</span>
        </el-menu-item> -->

        <!-- <el-menu-item index="/Inventory">
          <i class="el-icon-s-home"></i>
          <span slot="title">盘点操作</span>
        </el-menu-item>

        <el-menu-item index="/Allocate">
          <i class="el-icon-s-home"></i>
          <span slot="title">库存调拨</span>
        </el-menu-item> -->

        <el-menu-item index="/Me">
          <i class="el-icon-s-home"></i>
          <span slot="title">我的</span>
        </el-menu-item>
      </el-menu>
  
  </div>
  
</template>

<script>
export default {
  name: "Aside",
  data(){
    return{
      
    }
  },
   
  props:{
    isCollapse:Boolean
  }
}
</script>

<style scoped>

</style>